/* pages/pay/pay.wxss */
page {
    background-color: #f9f8f8;
}

.Top_wrap {
    border-top: 1rpx solid pink;
    border-bottom: 1rpx solid pink;
    padding-left: 40rpx;

    .Top_text {
        color: #e40a5e;
        font-weight: bolder;
        font-size: 40rpx;
    }

    .Top_time {
        font-size: 25rpx;

    }
}

.myself_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20rpx;

    .myself {
        height: 90rpx;
        width: 90%;
        background-color: #fff;
        padding: 10rpx 10rpx 10rpx 30rpx;
        border-radius: 25rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .myself_top {
            display: flex;
            width: 280rpx;
            justify-content: space-between;

            .name {
                font-weight: bold;
                font-size: 35rpx;
            }

            .phone {
                font-size: 25rpx;
                display: flex;
                flex-direction: column-reverse;
            }
        }

        .myself_bottom {
            font-size: 30rpx;
        }
    }
}

.books_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20rpx;

    .books {
        width: 90%;
        background-color: #fff;
        border-radius: 25rpx;
        padding: 0rpx 10rpx 0rpx 20rpx;
        .Abook {
            padding-bottom: 20rpx;
            padding-top: 20rpx;
            display: flex;
            position: relative;
            border-bottom: 1rpx solid black;
            .Abook-image {
                width: 150rpx;
                height: 200rpx;
                margin-left: 20rpx;

            }
            .Abook-name{
                margin-left: 30rpx;
                margin-top: 10rpx;
            }
            .Abook-price{
                position: absolute;
                right: 20rpx;
                bottom: 20rpx;
                color: #e40a5e;
            }
        }
        // 去除下划线 最后一个
        .Abook:last-child {
            border-bottom: 1rpx solid #f9f8f8;
        }

    }
}

.pay_wrap{
    padding: 20rpx 0rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #fff;
    position: absolute;
    bottom: 50rpx;
    width: 100%;
    .cancel{
        color: black;
        background-color: #f1f3f7;
        width: 170rpx;
        height: 70rpx;
        font-size: 30rpx;
        border-radius: 30rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        
    }
    .price{
        color: #e40a5e;
        font-weight: bold;
    }
    .pay{
        color: #fff;
        background-color: #e40a5e;
        width: 170rpx;
        height: 70rpx;
        font-size: 30rpx;
        font-weight: bold;
        border-radius: 30rpx;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}